<template>
  <div class="app_container">
    <router-view></router-view>
    <Timer class="timer"></Timer>
    <ScrollList class="list" :listData="listData" :hasTitle="true" :titleList="titleList"></ScrollList>
    <!-- <SrollTable class="list" :listData="listData" :hasTitle="true"></SrollTable> -->
  </div>
</template>

<script>
import Timer from '@/components/Timer'
import ScrollList from '@/components/ScrollList'
// import SrollTable from '@/components/scollTable'
export default {
  components: {
    Timer,
    // SrollTable
    ScrollList
  },
  data() {
    return {
      listData: [
        { 'locationName': '北门停车场', 'locationId': '3054226833589248', time: '2019-01-24 10:23:08', role: '业主', ratio: '92%' },
        { 'locationName': '南门停车场', 'locationId': '3054227097437184', time: '2019-01-24 10:23:08', role: '业主', ratio: '92%' },
        { 'locationName': '5栋电梯', 'locationId': '3054227308200960', time: '2019-01-24 10:23:08', role: '业主', ratio: '92%' },
        { 'locationName': '2栋电梯', 'locationId': '3054227468108800', time: '2019-01-24 10:23:08', role: '业主', ratio: '92%' },
        { 'locationName': '1栋电梯', 'locationId': '3054227627344896', time: '2019-01-24 10:23:08', role: '业主', ratio: '92%' },
        { 'locationName': '配电房', 'locationId': '3054227783894016', time: '2019-01-24 10:23:08', role: '业主', ratio: '92%' },
        { 'locationName': '水泵房', 'locationId': '3054227956450304', time: '2019-01-24 10:23:08', role: '业主', ratio: '92%' },
        { 'locationName': '监控室-机房', 'locationId': '3054228127482880', time: '2019-01-24 10:23:08', role: '业主', ratio: '92%' },
        { 'locationName': '花园', 'locationId': '3054228231275520', time: '2019-01-24 10:23:08', role: '业主', ratio: '92%' },
        { 'locationName': '灯柱', 'locationId': '3054252882691072', time: '2019-01-24 10:23:08', role: '业主', ratio: '92%' },
        { 'locationName': '大门', 'locationId': '3054520383259648', time: '2019-01-24 10:23:08', role: '业主', ratio: '92%' },
        { 'locationName': '大门', 'locationId': '3054520383259648', time: '2019-01-24 10:23:08', role: '业主', ratio: '92%' },
        { 'locationName': '大门', 'locationId': '3054520383259648', time: '2019-01-24 10:23:08', role: '业主', ratio: '92%' }
      ],
      titleList: [
        { name: '姓名', property: 'locationName' },
        { name: '身份', property: 'role' },
        { name: '时间', property: 'time' },
        { name: '相似度', property: 'ratio' }
      ]
    }
  }
}
</script>

<style lang="scss" scoped>
  .app_container{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100vh;
    // background: url('../../assets/images/bg.png') center no-repeat;
    .timer{
      position: absolute;
      top: 300px;
      left: 300px;
    }
    .list{
      position: absolute;
      top: 300px;
      left: 600px;
    }
  }
</style>
